<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="in-id" xmlns="http://www.w3.org/1999/xhtml" lang="in-id">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<title>DATA CENTER BANGDA</title>
	<link href="<?=base_url()?>assets/images/index/logo.png" rel="shortcut icon" type="image/x-icon">
	<link rel="stylesheet" href="<?=base_url()?>assets/nivo-slider/themes/default/default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="<?=base_url()?>assets/nivo-slider/themes/pascal/pascal.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="<?=base_url()?>assets/nivo-slider/themes/orman/orman.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="<?=base_url()?>assets/nivo-slider/nivo-slider.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="<?=base_url()?>assets/nivo-slider/themes/style.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="<?=base_url()?>assets/css/login.css" type="text/css" media="screen" />
	
	<script type="text/javascript" src="<?=base_url()?>assets/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="<?=base_url()?>assets/nivo-slider/jquery.nivo.slider.pack.js"></script>
	<script type="text/javascript" src="<?=base_url()?>assets/js/main.js"></script>
	<script type="text/javascript">
		var pesan = '<?=$pesan?>'; 
	</script>	
	
		<script type="text/javascript">
			$(window).load(function() {
				$('#slider').nivoSlider();
			});			
		</script>
	
</head>
<body style="background: url('<?=base_url()?>assets/images/bg.jpg') !important;">
	<? if ($pesan != ''){ ?>
		
			<script type="text/javascript">
				dLeft = Math.round(frmWidth/2)-250;
				dTop = Math.round(frmHeight/2)-50;
				dia = "<div class='box7 effect7' style='z-index: 9999999; padding-top: 20px; position: absolute; left: "+dLeft+"px; top: "+dTop+"px; width: 500px; height: 40px; ";
				dia += "text-align: center; font-family: tahoma; color: red;'>"+pesan+"</div>";
				document.write(dia);
			</script>
		
	<? }?>
	<div class="box7 effect7">
		<table width="100%"><tr>
			<td width="130px" style="background: url('<?=base_url()?>assets/images/index/depdagrilogo2.png') no-repeat scroll 17px 20px transparent !important;"></td>
			<td height="100px" align="center" valign="top" style="padding-top: 20px; font-family: tahoma; font-size: 11pt; font-weight:bold; text-align: center;color: inherit; text-decoration: none">DATA CENTER<br>DIRJEN BANGDA Kementerian Dalam Negeri Republik Indonesia</td>	
			<td width="140px" style="">
				<div style="position: absolute; left: 508px; top: 85px; font-size: 9pt; font-family: arial; font-weight: bold;"></div>
			</td>	
		</tr></table>
		<div style="position: absolute; top: 18px; width: 100%;">
			<div class="slider-wrapper theme-default">
				<div id="slider" class="nivoSlider">
					<? for($i=1;$i<=10;$i++){?>
						<img src="<?=base_url()?>assets/images/pictures/pic_<?=$i?>.jpg" title="" />
					<? }?>
				</div>
			</div>	
			
			<div style="margin-top: 45px; width: 100%; padding: 15px; font-family: tahoma, arial, verdana;">
				<form name="loginForm" action="<?=base_url()?>login/login_na" method="post">
				<table width="100%">
					<tr>
						<td width="48%" style="font-family: inherit; padding-bottom: 5px;">Pengguna</td>
						<td width="50%" style="font-family: inherit; padding-bottom: 5px;">Sandi</td>
					</tr><tr>
						<td style="font-family: inherit;">
							<input value="" name='user' type="text" value="" style="border: 1px solid silver; padding: 3px; width: 294px;"/>
						</td>
						<td style="font-family: inherit;">
							<input value="" name='pass' type="password" value="" style="border: 1px solid silver; padding: 3px; width: 294px;"/>
						</td>
					</tr><tr>
						<td colspan="2">
							<table><tr>
								<td width="78%" style="font-family: inherit; font-size: 8pt;" valign="bottom">
									<a href="http://www.bappebti.go.id" target="_blank" style="font-weight: bold; color: inherit; text-decoration: none;">DIRJEN BANGDA</a>&nbsp;&copy;&nbsp;2013&nbsp;-&nbsp;All right reserved
								</td>
								<td width="20%" style="font-family: inherit;">
									<a class="thoughtbot" href="javascript: document.loginForm.submit();">Login</a>
								</td>
							</tr></table>
						</td>	
					</tr>
					</form>
				</table>		
			</div>
		</div>	
	</div>
</body>
</html>